<template>
	<div id="nav">
		<el-contaier>
			<el-main>
				<el-row>
					<el-col :span="12">

						<img src="../assets/toubulogo.png" style="height: 40px;width: 200px;position: relative; left: 35px;top: 10px;"/>
					</el-col>
					<el-col :span="12">
						<div class="list ">
							<router-link to="/">首页</router-link> 
							<router-link to="/list">编程</router-link>
							<router-link to="/about">资讯</router-link>
							<router-link to="/about">科技</router-link>
							<router-link to="/about">关于</router-link>
						</div>
					</el-col>
				</el-row>
			</el-main>
		</el-contaier>
	</div>
</template>

<script>

	export default {
	
	};
</script>

<style scoped>

#nav{
	background-color: white;
}
#nav .el-main{
	padding: 0px 20px;
}
.list{
	float: right;
}
.list a{
	display: inline-block;
	padding: 20px;
	color: black;
	text-decoration: none;
	font-size: 14px;
	
}
.list a.router-link-exact-active{
	color: blue;
	border-bottom: 2px solid blue;
	
}

</style>
